<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
    	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
    	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
		<title></title>
		<link href="../../css/lanai-ui.css" rel="stylesheet" />
	</head>
	<body>
		<section class="content no-padding">
			<div class="box box-widget no-shadow">
				<div class="box-body">
					<ul class="timeline">
                    <!-- timeline time label -->
	                    <li class="time-label">
	                        <span class="bg-red">
	                            2014年2月6日
	                        </span>
	                    </li>
	                    <!-- /.timeline-label -->
	                    <!-- timeline item -->
	                    <li>
	                        <i class="fa fa-envelope bg-blue"></i>
	                        <div class="timeline-item no-shadow">
	                            <span class="time"><i class="fa fa-clock-o"></i> 12:05</span>
	                            <h3 class="timeline-header"><a href="#">索隆</a> 又到饭点了，给山治发个邮件</h3>
	                            <div class="timeline-body">
	                                	强烈建议少吃点的人“路飞和乔巴”
	                                	强烈建议少吃点的人“路飞和乔巴”
	                                	强烈建议少吃点的人“路飞和乔巴”
	                                	......
	                            </div>
	                            <div class="timeline-footer">
	                                <a class="btn btn-primary btn-xs">详细</a>
	                                <a class="btn btn-danger btn-xs">删除</a>
	                            </div>
	                        </div>
	                    </li>
	                    <!-- END timeline item -->
	                    <!-- timeline item -->
	                    <li>
	                        <i class="fa fa-user bg-aqua"></i>
	                        <div class="timeline-item no-shadow">
	                            <span class="time"><i class="fa fa-clock-o"></i> 5分钟前</span>
	                            <h3 class="timeline-header"><a href="#">索隆</a> 没啥可说的</h3>
	                        </div>
	                    </li>
	                    <!-- END timeline item -->
	                    <!-- timeline item -->
	                    <li>
	                        <i class="fa fa-comments bg-yellow"></i>
	                        <div class="timeline-item no-shadow">
	                            <span class="time"><i class="fa fa-clock-o"></i> 27分钟前</span>
	                            <h3 class="timeline-header"><a href="#">索隆</a> 记录心情</h3>
	                            <div class="timeline-body">
	                                	路飞这个蠢货又吃光了所有的饭
	                            </div>
	                            <div class="timeline-footer">
	                                <a class="btn btn-warning btn-flat btn-xs">查看详细</a>
	                            </div>
	                        </div>
	                    </li>
	                    <!-- END timeline item -->
	                    <!-- timeline time label -->
	                    <li class="time-label">
	                        <span class="bg-green">
	                            2014年2月4日
	                        </span>
	                    </li>
	                    <!-- /.timeline-label -->
	                    <!-- timeline item -->
	                    <li>
	                        <i class="fa fa-camera bg-purple"></i>
	                        <div class="timeline-item no-shadow">
	                            <span class="time"><i class="fa fa-clock-o"></i> 2天前</span>
	                            <h3 class="timeline-header"><a href="#">索隆</a> 上传到 路飞的丑事一箩筐</h3>
	                            <div class="timeline-body">
	                                <img src="../../img/tm1.jpg" alt="..." class="margin">
	                                <img src="../../img/tm2.jpg" alt="..." class="margin">
	                                <img src="../../img/tm3.jpg" alt="..." class="margin">
	                                <img src="../../img/tm4.jpg" alt="..." class="margin">
	                                <img src="../../img/tm5.jpg" alt="..." class="margin">
	                                <img src="../../img/tm6.jpg" alt="..." class="margin">
	                                <img src="../../img/tm7.jpg" alt="..." class="margin">
	                            </div>
	                        </div>
	                    </li>
	                    <!-- END timeline item -->
	                    <!-- timeline item -->
	                    
	                    <!-- END timeline item -->
	                    <li>
	                        <i class="fa fa-clock-o bg-gray"></i>
	                    </li>
	                </ul>					
				</div>
			</div>
		</section>
		<script src="../../js/jquery.min.js"></script>
    	<script src="../../js/lanai-ui.js"></script>
	</body>
</html>
